<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:p="http://primefaces.org/ui">
<h:body>
    <ui:composition template="/templates/adminTemplate.xhtml">
        <ui:define name="header">
                <div class="depen">Facultad de Ingenieria	</div>
                <div class="tipage">Sistema de Integracion de Laboratorios</div>
            </ui:define>
        <ui:define name="menu">
            <table>
                <tr style="text-align: center;">
                    <td colspan="2">
                        <h1>Manager</h1>
                    </td>
                </tr>
                <tr>
                    <td width="20%">Bienvenido nombreDelAdmin</td>
                    <td width="*" style="text-align: center;">
                        <img src="images/administrador.jpg" />
                    </td>
                </tr>
            </table>
            <h:form>
                <p:menu styleClass="ui-menubar" style="width: auto;">
                        <p:menuitem value="Solicitudes" url="./administrador.xhtml"/>
                        <p:menuitem value="Nuevas prácticas" url="./nuevasPracticas.xhtml"/>
                        <p:menuitem value="Registrar Equipos" url="./equipoNuevo.xhtml"/>
                        <p:menuitem value="Cronográmas" url="./cronograma.xhtml"/>
                        <p:menuitem value="Laboratorios" url="./listadoDeLaboratorios.xhtml"/>
                    </p:menu>
            </h:form>
        </ui:define>
        <ui:define name="contenido">
            <h2>Creación de Equipos</h2>
            <h:form enctype="multipart/form-data">
                <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5"  
                             columnClasses="label, column">
                            <h:outputText value="Departamento" />  
                            <p:selectOneListbox id="basic" value="">  
                                <f:selectItem itemLabel="Option 1" itemValue="1" />  
                                <f:selectItem itemLabel="Option 2" itemValue="2" />  
                                <f:selectItem itemLabel="Option 3" itemValue="3" />  
                            </p:selectOneListbox>  
                            
                            <h:outputText value="Laboratorio: " />  
                            <p:selectOneMenu value="">  
                                <f:selectItem itemLabel="Select One" itemValue="" />  
                                <f:selectItem itemLabel="Select One" itemValue="" />  
                                <f:selectItem itemLabel="Select One" itemValue="" />  
                                <f:selectItem itemLabel="Select One" itemValue="" />  
                                <f:selectItems value="" />  
                            </p:selectOneMenu>  
                            
                            <h:outputText value="Nombre del Equipo " />  
                            <p:inputText />
                            
                            <h:outputText value="Código del Equipo " />  
                            <p:inputText />
                            
                            <h:outputText value="Descripción general del Equipo " />  
                            <p:inputTextarea rows="6" cols="33" />  
                            
                            <h:outputText value="Si el equipo tiene manual de referencia adjuntar el archivo " />  
                            <p:fileUpload  
                                    mode="advanced"  
                                    update="messages"  
                                    auto="true"  
                                    sizeLimit="100000"   
                                    allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
                                    label="Subir archivo"
                                    />  
                            
                            <p:button value="Agregar Equipo">
                                
                            </p:button>
                </h:panelGrid>
                <p:growl id="messages" showDetail="true"/>  
            </h:form>
            
            <p:separator />
            
            <h:form>
                 <h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5"  
                              columnClasses="label, column">
                     <h:outputText value="Departamento" />
                     <p:selectOneListbox value="">  
                                <f:selectItem itemLabel="Select One" itemValue="" />  
                                <f:selectItem itemLabel="Select One" itemValue="" />  
                                <f:selectItem itemLabel="Select One" itemValue="" />  
                                <f:selectItem itemLabel="Select One" itemValue="" />  
                                <f:selectItems value="" />  
                     </p:selectOneListbox>
                     
                     <h:outputText value="Laboratorio: " />  
                    <p:selectOneMenu value="">  
                        <f:selectItem itemLabel="Select One" itemValue="" />  
                        <f:selectItem itemLabel="Select One" itemValue="" />  
                        <f:selectItem itemLabel="Select One" itemValue="" />  
                        <f:selectItem itemLabel="Select One" itemValue="" />  
                        <f:selectItems value="" />  
                    </p:selectOneMenu>
                 </h:panelGrid>
                <p:dataTable var="car" value="">  
                    <f:facet name="header">  
                        Equipos de ese lugar 
                    </f:facet> 
                    <p:column headerText="Equipo">  
                        <h:outputText value="" />  
                    </p:column>  
                    <p:column headerText=" ">  
                        <h:outputText value="" />  
                    </p:column>   
                </p:dataTable>                
            </h:form>
        </ui:define>
    </ui:composition>
</h:body>
</html>